<link rel="stylesheet" href="<?php echo base_url() ?>assets/css/application/class.css">

<div class="page-title">
	<div class="wrapper">
		<!-- DANH MỤC LỊCH SỬ LỚP {{Class}} -->
		&nbsp;
	</div>
</div>

<div class="class-menu">
	<div class="wrapper">
		<table class="menu-table">
			<tr class="header" height="70">
				<td width="115">&nbsp;</td>
				<td>&nbsp;</td>
				<td width="35">&nbsp;</td>
			</tr>
			<tr class="body">
				<td>&nbsp;</td>
				<td>
					<div class="header">
						Lịch sử lớp {{Class}}
					</div>

					<h2 class="text-center ml">MỤC LỤC</h2>

					<div class="section" ng-repeat="section in Menu">
						<div class="section-name">
							<a href="#/cat/{{section.section}}">Phần {{$index+1}}: {{section.sectionName}}</a>
						</div>

						<div class="chapter" ng-repeat="chapter in section.chapters">
							<div class="chapter-name">
								<a href="#/cat/{{chapter.chapter}}">{{chapter.chapterName | chapterFilter:$index}}</a>
								<span class="check">
									<img src="<?php echo base_url() ?>assets/images/check.png" alt="">
								</span>
							</div>

							<div class="lesson" ng-repeat="lesson in chapter.lessons">
								<div class="lesson-name">
									<a href="#/lesson/{{lesson.lesson}}">{{lesson.lessonName}}</a>
									<span class="check">
										<img src="<?php echo base_url() ?>assets/images/check.png" alt="">
									</span>
								</div>
							</div>
						</div>
					</div>
				</td>
				<td>&nbsp;</td>
			</tr>
			<tr class="footer" height="70">
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
			</tr>
		</table>
	</div>
</div>